<template>
<div :class="[$style.container]">
<el-table :data="logs" stripe size="small" style="width: 100%">
  <el-table-column type="index" label="序号" width="50"></el-table-column>
  <el-table-column prop="endTime" label="审批时间" width="180"></el-table-column>
  <el-table-column prop="name" label="审批节点" width="180"></el-table-column>
  <el-table-column prop="action" label="审批结果" width="180">
    <template #default="{row}">{{row.action | transcode('audit_action')}}</template>
  </el-table-column>
  <el-table-column prop="auditByName" label="审批人" width="180"></el-table-column>
  <el-table-column prop="remark" label="审批备注"></el-table-column>
</el-table>
</div>
</template>

<script lang="ts">

import { Vue, Component, Provide, Watch, Ref, Prop } from 'vue-property-decorator'
@Component
export default class AuditLog extends Vue {
  @Prop() data!: any

  get logs () {
    return this.data?.logs || []
  }
}
</script>

<style lang="scss" module>
@import "~@/styles/vars.scss";

.container {
}
</style>
